<template>
  <div id="app">
    <MusicItem :data="item" v-for="item of musics" :key="item.id"  ></MusicItem>
  </div>
</template>

<script>
import MusicItem from "./components/Musicitem";
export default {
  name: "App",
  data() {
    return {
      musics:[]
    }
  },
  components: { MusicItem },

  mounted() {
    this.$http("/mv/first").then(res=>{
      console.log(res.data.data);
      this.musics = res.data.data
    })
  },
  // methods: {
  //   Delete(val){
  //     console.log(val);
  //   }
  // },

};
</script>

<style scoped>
.one{
    color: red;
}
</style>
